.show-suggest-page{
  background-color: #a1c9ea;
  margin-bottom:48px;
  .content-reset{
    position: absolute;
    top:150px;
    padding:0 10px;
  }
  .header-info{
    background-color: $list-background-color;
  }
  .border-bottom{
    border-bottom: 1px solid $light-border-color;
  }
  .row-reset{
    margin-top:0px;
    padding-top:5px;
  }
  .user-info {
    position: absolute;
    top: 100px;
    left: -54px;
    margin-left: 50%;
    width: 108px;
    height: 108px;
    background-color: transparent;
    text-align: center;
    font-size: $font-primary-normal;
    z-index: 2;
    .name {
      margin-top: 20px;
      color: $universally-text-color;
    }
  }
  .circel{
    position: absolute;
    top: 100px;
    left: -54px;
    margin-left: 50%;
    width: 108px;
    height: 108px;
    background-color: #fff;
    border-radius: 50%;
    border: 9px solid rgba(225, 225, 225, 0.2);
  }
  p{
    margin-bottom:0px;
  }
  .info-container{
    text-align: center;
    .content{
      margin:7px;
      font-size:$font-primary-large;
      color:$universally-text-color;
      .unit{
        font-size:$font-secondary-large;
      }
    }
    .content.reset{
      color:$styleColor
    }
    .tip{
      font-size:$font-secondary-large;
      color:$primary-text-color;
    }
  }
  .divider{
    height: 26px;
    margin-top:15px;
    border-left: 1px dashed $universally-border-color;
  }
  .suggest-detail{
    .title{
      width: 100%;
      font-size: $font-pop-normal;
      color:$styleColor;
      .unit{
        float:right;
        color:$universally-text-color;
      }
    }
    .info{
      font-size:$font-secondary-large;
    }
  }
  .suggest-benifit{
    .row{
      margin-top:5px;
      padding:0px;
    }
    .tip-info{
      margin-top:10px;
      text-align: center;
      .info{
        margin:0 3px;
      }
    }
  }
  .range{
    padding:0px;
    input{
      margin:0px;
    }
  }
  .range input[type="range"]::-webkit-slider-thumb:before {
    background: $styleColor;
  }
  .range input[type="range"]::-webkit-slider-thumb{
    background: $styleColor;
  }
  .contact-info{
    margin: 10px 0px;
    background-color: $list-background-color;
    font-size:$font-primary-normal;
    color:$universally-text-color;
    padding:13px;
    line-height: 40px;
    .header{
      float:left;
      height: 39px;
      width: 39px;
      background-image: url('../img/home/suggest_header.png');
      background-size: 100% 100%;
    }
    .name{
      float:left;
      margin-left:15px;
    }
    .divider{
      height:40px;
      margin-top:0px;
      border-left: 1px solid $light-border-color;
    }
    .phone-text{
      margin-left:15px;
      float:left;
    }
    .phone-icon{
      float:right;
      margin-top:7px;
      width:25px;
      height:25px;
      background-size: 100% 100%;
      background-image: url('../img/home/suggest_phone.png');
    }
  }

}
/*底部按钮样式*/
.btn-bottom-container{
  position: absolute;
  bottom:0;
  height:48px;
  width: 100%;
  padding:4px 0;
  border-top: 1px solid $light-border-color;
  button{
    width: 46%;
    margin:0 2%;
    float:left;
    height:40px;
    text-align: center;
    font-size:$font-pop-large;
    color:#fff;
    border-radius: 5px;
    border:1px solid $styleColor;
    background-color: $styleColor;
  }
}